/** Add css rules here for your application. */

.labelName {
	font-size: 10pt;
	margin-left: 10px;
}

.suggestName {
	font-size: 10pt;
	border-width: 0px;
	text-align:center; 
	background-color: #FFFFCC;
}

.inputWord {
	text-align:center; 
}

.inputValidWord {
	text-align:center;
	background-color: #CCFFCC;
}

.playPanel {
	border-width: 1px;
	background-color: rgb(208,228,246);
}

.mainPanel {
	background-color: rgb(208,228,246);
}

table.gridGame {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

table.gridGame td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	background-color: white;
}

.gridCellNormal {
	background-color:transparent;
}

.gridCellHotHorizontal {
	background-color:Yellow;
}

.gridCellHotVertical {
	background-color:GreenYellow;
}

.gridCellHotBoth {
	background-color:LightSalmon;
}

table.gridRank {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	text-align:center;
}

table.gridRank th {
	background-color: LightCyan;
}

table.gridRank td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	background-color: LightCyan;
}

.extraInfo {
	font-size: 0.8em;
	text-align:center;
}

.stegLabel {
	font-size: 0.8em;
	text-align:center;
	margin: 10px;
	font-style: italic;
}

.userWordsLabel {
	font-size: 0.8em;
	background-color: rgb(232,242,254);
}

.userWordsLabel a {
	text-decoration: none;
}

.hiddenWordsLabel {
	font-size: 0.8em;
	background-color: #FFFFCC;
	text-decoration: none;
}

.hiddenWordsLabel a {
	text-decoration: none;
}

.scorePanel {
	background-color: rgb(232,242,254);
}

.scoreLabel, .countLettersLabel, .scoreWordLabel {
	margin-right:10px;
	margin-left:10px;
	margin-top:3px;
	margin-bottom:3px;
	font-size: 0.8em;
	text-align:center;
	border-style:solid;
	border-width: 1px;
	border-color: #FFCC66;
	background-color: #FFFFCC;
}

.statusMsg {
	padding-right:10px;
	padding-left:10px;
	font-size: 0.8em;
	text-align:center;
	background-color: #CCFFCC;
}

.statusMsgError {
	padding-right:10px;
	padding-left:10px;
	font-size: 0.8em;
	text-align:center;
	background-color: #FF6633;
}

.startButton {
	font-size: 0.8em;
	text-align:center;
	width: 80%;
	background-color: #99CCFF;
}
